<include file="public:headtop" />
<style>
  ul .item{
    margin-top:5px;
  } 
  ul .item .pic{
    background-image: url("/static/weixin/images/index/border.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 15px;
    width:96%;
    height:30%;
    padding:2%;
    text-align:center;
  }

  ul .item .pic img{
    width:100%;
    height:99%;
    border-radius:5px;
    margin-top:1px;
  }

  ul .item .good_content{
    background-image: url("/static/weixin/images/index/title_bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin:0 1%;
    padding:2%;
    color:white;
  }

</style>


<div id="content">
   <img src="__STATIC__/weixin/images/index/top1.png" alt="" class='w100'>
   <div class="module_special" style='margin:0px;margin-top:-5px'>
        <!-- <h2 class="common_title veins2">
            <div class="ornament1"></div>
            <div class="ornament2"></div>
            <span class="ico1">
                <span class="ico2">推荐商品</span>
            </span>
        </h2> -->
        <ul class="list">
            <volist name="data" id="item">
                <li class='item' _href="{:u('item/index',array('id'=>$item['id']))}">
                    <div class="pic">
                     <img  src="{:attach(get_thumb($item['img'], '_b'), 'item')}">
                    </div>
                    <div class='good_content'>
                        <span class='title'>{$item.title}</span>
                        <span class='price'>¥{$item.price}</span>
                        <span class='storage'>剩余{$item.goods_stock}份</span>
                    </div>
                </li>
          </volist>
           
        </ul>
    </div>
</div>

<include file="public:footer" />
<script>
  $('ul .item .pic').height($(window).width() * 0.5)
  $('.list .item').live('click',function(){
    var href = $(this).attr('_href');
    window.location.href = href;
  })
</script>
</body>
</html>
